<template>
  <div>
    <div>
      <el-divider direction="vertical"></el-divider>基本信息
      <el-container>
        <el-header>
          <el-form ref="form" label-width="80px">
            <el-form-item label="设备类型">
              <el-select v-model="value1" placeholder="请选择设备类型">
                <el-option label="生物质锅炉" value="生物质锅炉"></el-option>
              </el-select>
              <el-button @click="save">保存</el-button>
            </el-form-item>
          </el-form>
        </el-header>
        <el-main>
          <transfer :data="data1"></transfer>
        </el-main>
      </el-container>
    </div>
    <div>
      <el-divider direction="vertical"></el-divider>项目曲线图参数列表
      <transfer :data="data2" style="margin-top: 25px"></transfer>
    </div>
  </div>
</template>

<script>
import transfer from "@/components/attributes/Transfer/main";
export default {
  components: {
    transfer,
  },
  data() {
    return {
      value1: "",
      data1: [
        {
          selected: false,
          label: "给水累计流量",
          value: "",
        },
        {
          selected: false,
          label: "给水瞬时流量",
          value: "",
        },
        {
          selected: false,
          label: "给水压力",
          value: "",
        },
        {
          selected: false,
          label: "锅炉给水温度",
          value: "",
        },
        {
          selected: false,
          label: "电能表读数",
          value: "",
        },
        {
          selected: false,
          label: "鼓风机瞬时电流",
          value: "",
        },
        {
          selected: false,
          label: "鼓风机平均电流",
          value: "",
        },
      ],
      data2: [
        {
          selected: false,
          label: "烟炉烟气温度",
          value: "",
        },
        {
          selected: false,
          label: "锅炉压力",
          value: "",
        },
        {
          selected: false,
          label: "锅炉水位",
          value: "",
        },
        {
          selected: false,
          label: "蒸汽累计流量",
          value: "",
        },
        {
          selected: false,
          label: "蒸汽瞬时流量",
          value: "",
        },
        {
          selected: false,
          label: "累计耗水量",
          value: "",
        },
        {
          selected: false,
          label: "累计耗电量",
          value: "",
        },
        {
          selected: false,
          label: "吨汽耗燃料",
          value: "",
        },
        {
          selected: false,
          label: "热效率",
          value: "",
        },
      ],
    };
  },
  methods: {
      save(){
          this.$message('保存成功');
      }
  }
};
</script>

<style scoped>
.el-divider--vertical {
  width: 2px;
  background-color: mediumblue;
}
</style>